

// onresize事件
window.onresize = function () {
    responsive();
}
responsive();


/**
 * 电脑：可视区宽度大于960px
 * 平板：可视区宽度大于640px
 * 手机：可视区宽度小于640px
 */
function responsive(){
    if(client().width > 960){   //电脑
        document.body.style.backgroundImage = "url('images/tu1.jpg')";
    } else if(client().width > 640){    //平板
        document.body.style.backgroundImage = "url('images/tu2.jpg')";
    } else{ //手机
        document.body.style.backgroundImage = "url('images/tu3.jpg')";
    }
    document.body.style.backgroundSize = client().width+"px auto";
    document.body.style.backgroundRepeat = "no-repeat";
}



/**
 * width: 可视区宽度
 * height: 可视区高度
 * @returns 返回一个对象
 */
function client(){
    return {
        width:window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0,
        height:window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0
    }
}

